環境介紹

• 作業系統：windows
• 開發工具：anaconda(使用一般的python3也可以)，本篇主要以python3為主。
• 編輯器：ATOM(其實哪一款編輯都可以，隨自己喜好)，但最愛用的是notepad++。

本篇適合對象

• 願意不斷求解答案的人(這次三十天的鐵人賽文章，不太會手把手一一講解，不過大部分問題(例如：環境安裝，可以google找到答案)
• 怎樣的人會比較容易上手?

曾經安裝過pyhton環境，了解python3與anaconda的差異，如果你能答出pip與conda指令的差異，我想本篇文章對你來說不是問題。

三十天預計介紹的構面

• 建立一個簡易Django Web專案

  1. 了解Django Web建立流程
  2. 了解前端後端流程
  3. 了解基礎的網頁知識

• 介面測試開發
  1.了解介面
  2.介面開發
  3.介面測試
  4.介面框架
  5.介面測試工具

白話一點是，簡單建立一個web app進行介面測試，簡單一句話充滿一堆坑~汗

直上Django Web：HelloWord

• 安裝anaconda(python3版本)：使用anaconda純粹是套件已經安裝相當完整，可以少走一些套件缺少的問題。
• 安裝django

  • 在測試資料夾路徑開啟cmd，輸入指令conda install django，確認安裝完成。
    

  • 輸入指令django-admin，確認django為我們提供的指令。
    

  • 輸入指令django-admin startproject HelloWord #建立HelloWord專案

    • 在測試資料夾中發現新增了名為HelloWord的專案資料夾。
      

  • 透過ATOM開啟測試資料夾，觀看HelloWord的專案資料夾的結構，下圖你可以比較一下，使用CMD指令與使用編輯器的差異。
    

    • HelloWord\ __init__.py ：是空白檔案，用於辨識Python目錄。
    • HelloWord\ settings.py：django專案設定檔。
    • HelloWord\ urls.py：django專案URL宣告。
    • HelloWord\ wsgi.py：與WSGI相容的web server，可以提供服務。
    • manage.py：django專案的命令列工具。

  • 輸入指令cd HelloWord #進入HelloWord路徑

  • 輸入指令python manage.py #查看manage提供的命令
    

  • 輸入指令python manage.py startapp sign #建立名為sign的應用程式
    

    • 底下的檔案就不再介紹了，待之後使用再介紹，沒介紹的請google吧。

  • 輸入指令python manage.py runserver #啟用Web server服務

    • 這裡代表我們已經建置完成基本專案，預設的port為8000
    • 須改port者，可以指令後面加上 127.0.0.1:8001，例如：python manage.py runserver 127.0.0.1:8591 這樣port更改為8001。
      

  • 若成功開啟服務，會看到如下畫面：
    

小結

剩下的我們明日再談吧，讓小斯休息一下，在我飛快地敲打鍵盤時，孩子已經悄悄的睡了，但家事還沒做啊。
順帶一提，眼尖的看官有沒有發現我默默地跟word打招呼阿 其實是打錯字